<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <title>无序列表</title>

    <style>
        .foot{
            width: 1080px;
            height: 300px;
            margin: 0 auto;
        }

        .foot-item{
            width: 25%;
            float: left;
        }

        ul{
            list-style: none;
        }

        dl{
        }

        dd{
            margin-left: 0;
        }

        dt{
            font-size: 18px;
            font-weight: bold;
        }

        ul{
            padding-left: 0;
        }

        li{
            margin: 5px 0;
        }

        a{
            text-decoration: none;
            color: black;
        }


    </style>
</head>
<body>
    <div class="foot" >
        <div class="foot-item">
            <dl>
                <dt>购物指南</dt>
                <dd>
                    <ul>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </dd>
            </dl>
        </div>

        <div class="foot-item">
            <dl>
                <dt>购物指南</dt>
                <dd>
                    <ul>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </dd>
            </dl>
        </div>

        <div class="foot-item">
            <dl>
                <dt>购物指南</dt>
                <dd>
                    <ul>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </dd>
            </dl>
        </div>


        <div class="foot-item">
            <dl>
                <dt>购物指南</dt>
                <dd>
                    <ul>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </dd>
            </dl>
        </div>

    </div>
</body>
</html>